<!DOCTYPE HTML>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<title>Demo: Dijit Buttons</title>
		<link rel="stylesheet" href="css/demo.css" media="screen">
		<link rel="stylesheet" href="js/dijit/themes/claro/claro.css" media="screen">
	</head>
	<body class="claro">
		<h1>Demo: dijit/form/Classy</h1>
		
		<!-- load dojo and provide config via data attribute -->
		<script src="js/dojo/dojo.js" data-dojo-config="isDebug: true, async: true"></script>
		<script>
		
			require(["dojo/_base/declare", "dojo/domReady!"], function(declare) {
				
				var A = declare(null, {
					myMethod: function(){
						console.log("Hello!");
					}
				});
				 
				// Define class B
				var B = declare(A, {
					myMethod: function(){
						// Call A's myMethod
						this.inherited(arguments); // arguments provided to A's myMethod
						console.log("World!");
					}
				});
				 
				// Create an instance of B
				var myB = new B();
				myB.myMethod();
			});
		</script>
	</body>
</html>